<template>
<Card class="card-list">
    <div class="ivu-list ivu-list-default ivu-list-vertical ivu-list-split ivu-pl ivu-pr">
        <div class="ivu-list-container">
            <ul class="ivu-list-items">
            <li class="ivu-list-item ivu-list-item-no-flex">
            <div class="ivu-list-item-meta">
            <div class="ivu-list-item-meta-avatar">
                <span class="ivu-avatar ivu-avatar-circle ivu-avatar-image ivu-avatar-large">
                    <img src="https://dev-file.iviewui.com/p50TGdvvpXWVR06Vu2TAwkpRnpt8FURA/avatar" />
                </span>
            </div>
            <div class="ivu-list-item-meta-content">
                <div class="ivu-list-item-meta-title">
                    {{info.name}}
                </div>
                <div class="ivu-list-item-meta-description">
                    <div class="list-card-list-desc">
                        <div class="ivu-ellipsis">
                            <span class="ivu-ellipsis-text">
                                <Ellipsis :text="info.desc" :lines="4" tooltip />
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            </div>
            <ul class="ivu-list-item-action">
            <div class="ivu-divider ivu-divider-horizontal ivu-divider-default ivu-mb-8">
            </div>
            <li style="width: 50%;">操作一</li>
            <li style="width: 50%;">操作二</li>
            </ul>
            <div class="ivu-list-item-extra"></div></li>
            </ul>
        </div>
    </div>
</Card>
</template>

<script>
export default {
    props:{
        info: Object
    },
    data () {
        return {
            
        }
    },
    methods: {
        
    }
}
</script>
<style scoped>
.card-list >>> .ivu-card-body {
    padding: 0px;
}
</style>
